<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
  request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>摆烂俱乐部</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
    <!-- Google fonts - Roboto -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700">
    <!-- owl carousel-->
    <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.css">
    <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="css/custom.css">
    <!-- Favicon-->
    <link rel="shortcut icon" href="favicon.png">
    <!-- Tweaks for older IEs--><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  </head>

  <%String username = (String) session.getAttribute("username");%>
    <!-- navbar-->
    <header class="header mb-5">
      <!--
      *** TOPBAR ***
      _________________________________________________________
      -->
      <jsp:include page="common/login.jsp"></jsp:include>
      <jsp:include page="common/top1.jsp"></jsp:include>
  <!-- Sraech -->
  <jsp:include page="common/search.jsp"></jsp:include>
    </header>
<!-- *** TOP BAR END ***-->
   
    <div id="all">
      <div id="content">
        <div class="container">
          <div class="row">
            <div class="col-lg-12">
              <!-- breadcrumb-->
              <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="index.jsp">家</a></li>
                  <li aria-current="page" class="breadcrumb-item active">关于我们</li>
                </ol>
              </nav>
            </div>
          </div>
          <div class="row">

            <div id="blog-listing" class="col-lg-9">
              <div class="box">
                <h1><a id="MusicMakesLife"><strong>团队简介</strong></a></h1>
                <p><br>&nbsp;&nbsp;&nbsp;&nbsp;
                  在这片蓝色的海洋世界中，我们向您发出最诚挚的欢迎，感谢您莅临海洋生态环境保护团队的官方网站！我们是一支激情洋溢、充满责任感的团队，将“无为而治”视为我们前进的指引，为实现海洋生态环境的可持续发展而努力奋斗。
                  我们的团队由一群对环保事业充满热情、富有创造力的专业人士组成。无论是海洋学者、科学家、技术专家还是社会活动家，我们携手合作，秉持共同的信念，为创造更清洁、更健康的海洋环境而努力。
                <br>&nbsp;&nbsp;&nbsp;&nbsp;
                <h4><strong>团队使命</strong></h4>&nbsp;&nbsp;&nbsp;&nbsp;我们的使命是通过深入研究、全球合作和创新解决方案，推动海洋环境的可持续保护，实现人与自然的和谐共生。
                <br>&nbsp;&nbsp;&nbsp;&nbsp;
                <h4><strong>核心理念</strong></h4>&nbsp;&nbsp;&nbsp;&nbsp;“无为而治”： 我们坚信，尊重自然、倾听大海的声音，并通过谨慎和平衡的方式介入，是实现真正生态保护的关键。我们提倡以“无为而治”的智慧，通过无害的手段维护海洋健康，使其自我恢复的能力得以最大程度发挥。
                </p>
              </div>
<!-- post 1-->
              <div class="post">
                <h2><a id="marine_ecology">海洋生态：大自然的奇迹之府</a></h2>
                <hr>
                <p class="date-comments"><i class="fa fa-calendar-o"></i> December 24, 2023 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--By 摆烂俱乐部</p>
                <div class="image"><img src="img/st.jpg" alt="Example blog post alt" class="img-fluid"></div>
                <p class="intro">
                <h3><strong>引言：</strong></h3>
                <br>&nbsp;&nbsp;&nbsp;&nbsp;
                在这个蓝色的星球上，海洋生态被认为是地球上最为神奇、多样和壮观的生态系统之一。而正是这片广袤的水域，为我们提供了丰富的资源、维系了全球的气候平衡，形成了一个生机勃勃的生态环境。本文将深入探讨海洋生态的积极面，让我们更深刻地了解和珍惜这一自然奇迹。
                <br>&nbsp;&nbsp;&nbsp;&nbsp;
                <h4><strong>生物多样性的宝库：</strong></h4>&nbsp;&nbsp;&nbsp;&nbsp;
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;1. 独特的物种：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                海洋中栖息着让人惊叹的生物，从微小的浮游生物到庞大的鲸鱼，每一个物种都在这个巨大的生态系统中发挥着独特的角色。这种多样性不仅丰富了海洋的景观，也促成了庞大而复杂的食物链。
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;2. 珊瑚礁的绚丽：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                珊瑚礁是海洋生态中的瑰宝，它们构成了丰富的生态系统，为无数的海洋生物提供庇护所。珊瑚礁的绚丽颜色和多样性使其成为海底世界中最引人入胜的景观之一。
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;
                <h4><strong>氧气的生产者：</strong></h4>&nbsp;&nbsp;&nbsp;&nbsp;
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;1. 氧气的摇篮：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                海洋中的植物，特别是浮游植物，通过光合作用制造氧气。据统计，海洋贡献了全球70%以上的氧气，为地球上所有生命提供了生存所需的氧气。
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;
                <h4><strong>气候调节的大力量：</strong></h4>&nbsp;&nbsp;&nbsp;&nbsp;
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;1. 热量的调解者：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                海洋通过吸收和释放大量的热量，调节了地球的温度。洋流、海洋深层循环等过程有助于维持全球气候的相对稳定性，减缓了气候变化的速度。
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;
                <h4><strong>经济和社会的财富：</strong></h4>&nbsp;&nbsp;&nbsp;&nbsp;
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;1. 渔业资源：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                海洋提供了丰富的渔业资源，为全球数十亿人提供了主要的蛋白质来源。可持续的渔业管理有助于保持这一资源的可持续性。
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;2. 旅游和文化价值：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                海洋的美丽景观吸引着无数游客，同时形成了许多沿海社区独特的文化传统。海洋成为了众多人们休闲娱乐和文化交流的场所。
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;
                <h4><strong>结语：</strong></h4>&nbsp;&nbsp;&nbsp;&nbsp;
                <br>&nbsp;&nbsp;&nbsp;&nbsp;
                海洋生态是地球上最为丰富、庞大且精密的生态系统之一。我们每个人都有责任保护这个奇迹般的自然环境。通过可持续的管理、减少污染、尊重自然，我们能够确保海洋生态的繁荣，为后代留下一个美好的、与大自然和谐共生的未来。让我们共同努力，守护这片蓝色星球的海洋生态，让其永远绽放生命的光辉。
                </p>
              </div>
<!-- post 2-->              
              <div class="post">
                <h2><a id="marine_pollution">海洋污染：深入了解问题并共同守护蓝色星球</a></h2>
                <hr>
                <p class="date-comments"><i class="fa fa-calendar-o"></i> December 24, 2023 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--By 摆烂俱乐部</p>
                <div class="image"><img src="img/ps.jpg" alt="Example blog post alt" class="img-fluid"></div>
                <p class="intro">
                  <h3><strong>引言：</strong></h3>
                <br>&nbsp;&nbsp;&nbsp;&nbsp;
                  地球上71%的表面被广阔的海洋覆盖，它们不仅为我们提供丰富的资源，还维持着全球生态平衡。然而，随着人类活动的增加，海洋污染逐渐成为一个严峻的问题。本文将深入探讨海洋污染的原因、影响以及我们每个人可以采取的措施，共同守护这片蓝色星球。
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;

                <h4><strong>原因：</strong></h4>
                <br>&nbsp;&nbsp;&nbsp;&nbsp;
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;1. 塑料污染：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                单次使用塑料制品的广泛使用成为海洋中最严重的污染源之一。塑料垃圾如漂浮的塑料袋、瓶子等对海洋生物造成直接威胁，并导致海洋环境的长期恶化。
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;2. 化学物质排放：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                工业废水、农业污染和城市排放的废水中含有大量化学物质，如重金属和有害化合物，对海洋生态系统产生毒害影响，破坏海洋生物的生存环境。
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;3. 石油泄漏：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                石油勘探和运输事故导致大量石油进入海洋，对海洋生物造成生命威胁，同时石油分散剂的使用也带来额外的环境问题。
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;
                <h4><strong>影响：</strong></h4>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;1. 生物多样性丧失：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                海洋污染直接影响海洋生物的繁殖、生长和存活，导致许多物种面临灭绝威胁，破坏海洋生态系统的平衡。
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;2. 人类健康：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                污染物通过食物链传递，最终影响到人类。污染海域的海鲜可能含有有害物质，对人类健康构成潜在威胁。
                <h5>&nbsp;&nbsp;&nbsp;&nbsp;3. 经济损失：</h5>&nbsp;&nbsp;&nbsp;&nbsp;
                污染导致捕捞和旅游业受到严重影响，给沿海社区和全球经济带来重大损失。
                <br><br>&nbsp;&nbsp;&nbsp;&nbsp;
                <h4><strong>结语：</strong></h4>&nbsp;&nbsp;&nbsp;&nbsp;
                <br>&nbsp;&nbsp;&nbsp;&nbsp;
                海洋污染不仅是环境问题，更是威胁到整个地球生态平衡和人类福祉的严重挑战。唯有通过全球协作，采取切实可行的措施，我们才能保护这片蓝色星球的未来。每个人都可以在日常生活中采取简单的行动，为海洋环境保护贡献一份力量，让我们共同努力，共同守护蓝色星球的美好未来。
                </p>
                </p>
              </div>
              <div class="pager d-flex justify-content-between">
                <div class="home"><a href="index.jsp" class="btn btn-outline-primary">家</a></div>
              </div>
            </div>
            <!-- /.col-lg-9-->
            <!-- *** LEFT COLUMN END ***-->
            
            <div class="col-lg-3">
              <!--
              *** BLOG MENU ***
              _________________________________________________________
              -->
              <div class="card sidebar-menu mb-4">
                <div class="card-header">
                  <h3 class="h4 panel-title">关于我们</h3>
                </div>
                <div class="card-body">
                  <ul class="nav flex-column nav-pills">
                    <li><a href="aboutUs.jsp#marine_ecology" class="nav-link">海洋生态</a></li>
                    <li><a href="aboutUs.jsp#marine_pollution" class="nav-link">海洋污染</a></li>
                    <li><a href="index.jsp" class="nav-link">家</a></li>
                  </ul>
                </div>
              </div>
              <!-- /.col-lg-3-->
              <!-- *** BLOG MENU END ***-->
              <div class="banner"><img src="img/hx.webp" alt="sales 2014" class="img-fluid"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
<!--
    *** COPYRIGHT ***
    _________________________________________________________
    -->
  <jsp:include page="common/copyright.jsp"></jsp:include>
<!-- *** COPYRIGHT END ***-->
    <!-- JavaScript files-->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
    <script src="vendor/owl.carousel/owl.carousel.min.js"></script>
    <script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.js"></script>
    <script src="js/front.js"></script>
  </body>
</html>